<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
	<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
		<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
		<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
		<link rel="stylesheet" type="text/css" href="leftAndRight/list-style.css" />
		<style>
			.list-title{
				width: 98%;
				height: 40px;
				line-height: 40px;
				padding-left: 10px;
				border-bottom: 1px solid #adadad;
				cursor: move;
				color:#fff;
				background: #1E90FF;
			}
			.input-text {
				width: 140px;
			}

			.container {
				width: 50%;
				height: 100%;
				overflow: auto;
				float: left;
				position: fixed;
				cursor: pointer;
			}

			.queryTable {
				width: 45%;
				float: right;
				cursor: pointer;
			}

			.widthtd {
				width: 80px;
			}

			/**当设备宽度小于980时*/

			@media screen and (max-width:980px) {
				.queryTable {
					display: none;
				}
				.container {
					width: 100%;
				}
			}
		</style>
		<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
		<title>工序表</title>
	</head>

	<body>
		<div class="modal fade" id="importProcessModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">导入工序</h4>
					</div>
					<div class="modal-body">
						<div id="selectTitle" class="list-select ui-draggable">
							<div class="list-title ui-draggable-handle">
								<h4>选择要导入的工序（选项可双击、单击进行选择）</h4>
							</div>
							<div class="list-body">
								<ul class="item-box left-box ui-sortable ui-droppable" style="font-size:14px;">
								</ul>
								<div class="center-box">
									<button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
									<button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
									<button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
									<button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
								</div>
								<ul class="item-box right-box ui-sortable ui-droppable" style="font-size:14px;">
								</ul>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="addModalBtn">确定</button>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="reviewersModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="reviewersModalLabel">可审核人</h4>
					</div>
					<div class="modal-body">
						<div id="reviewersModalTitle" class="list-select ui-draggable">
							<div class="list-title ui-draggable-handle">
								<h4>选择要添加的人员（选项可双击、单击进行选择）</h4>
							</div>
							<div class="list-body">
								<ul class="item-box left-box ui-sortable ui-droppable" style="font-size:14px;">
								</ul>
								<div class="center-box">
									<button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
									<button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
									<button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
									<button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
								</div>
								<ul class="item-box right-box ui-sortable ui-droppable" style="font-size:14px;">
								</ul>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="reviewersModalBtn">确定</button>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<table class="table table-border table-bg table-hover">
				<tr>
					<th style='min-width:120px;'>工序表</th>
					<td>
						<button id="import" class="btn btn-primary radius">导入工序</button>
					</td>
				</tr>
				<tr id="processCodeTr">
					<td>工序代码</td>
					<td>
						<input id="processCode" class="input-text" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>部门</td>
					<td>
						<select id="productionLine" class="input-text"></select>
					</td>
				</tr>
				<tr>
					<td>车间名称</td>
					<td>
						<select id="workshopName" class="input-text"></select>
					</td>
				</tr>
				<tr>
					<td>工序名称</td>
					<td>
						<input id="processName" class="input-text" list="processNameList" />
						<datalist id="processNameList"></datalist>
					</td>
				</tr>
				<tr>
					<td>状态</td>
					<td>
						<select id="status" class="input-text">
							<option>请选择</option>
							<option>使用</option>
							<option>禁用</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>加工对象</td>
					<td>
					    <input type='text' id="processingObject" class="input-text" list="materialDataList" />
						<datalist id="materialDataList">
						</datalist>
<!-- 						<select id="processingObject" class="input-text"></select> -->
					</td>
					
				</tr>
				<tr>
					<td>工序作业时间(秒)</td>
					<td>
						<input type="text" id="workingProcedureDuration" class="input-text" />
					</td>
				</tr>
				<tr>
					<td>顺序</td>
					<td>
						<input type="text" id="sort" class="input-text" />
					</td>
				</tr>
				<tr>
					<td>计价单位</td>
					<td>
					 <select id="chargeUnit" class="input-text" >
					    <option vlaue='付'>付</option>
					    <option vlaue='款'>款</option>
					 </select>
<!-- 						<input type="text" class="input-text" id="chargeUnit" /> -->
					</td>
				</tr>
				<tr>
					<td>单价</td>
					<td>
						<input type="text" class="input-text" id="unitPrice" />
					</td>
				</tr>
				<tr>
					<td>是否需要审核</td>
					<td>
						<select id="isNeedReviewed" class="input-text">
							<option value="1">是</option>
							<option value="0">否</option>
						</select>
					</td>
				</tr>
				<tr id="reviewersTr">
					<td>可审核人</td>
					<td id="reviewers">
						<button class="btn btn-primary radius">选择可审核人</button>
					</td>
				</tr>
				<tr>
					<td>创建人</td>
					<td>
						<input type="text" id="creater" class="input-text" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>创建时间</td>
					<td>
						<input type="text" id="creationTime" class="input-text" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>上一次修改时间</td>
					<td>
						<input type="text" class="input-text" id="lastModifyTime" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>上一次修改人</td>
					<td>
						<input type="text" class="input-text" id="lastModifier" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>审核人</td>
					<td>
						<input type="text" class="input-text" id="auditor" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>审核时间</td>
					<td>
						<input type="text" class="input-text" id="auditTime" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>序号</td>
					<td>
						<input type="text" class="input-text" id="orderNumber" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td></td>
					<td>
						<button class="btn btn-primary radius" id="insertBtn">添加</button>
						<button class="btn btn-primary radius" id="updateBtn" value="">修改</button>&nbsp;&nbsp;
					</td>
				</tr>
			</table>
		</div>
		<div class="queryTable" class=" col-sm-12 mt-20">
<!-- 			<button type="button" id="batch-edit-btn" class="btn">批量操作</button> -->
<!-- 			<button type="button" id="batch-save-btn" class="btn">批量保存</button> -->
<!-- 			<!-- 	  	<button type="button" id="batch-delete-btn" class="btn">批量删除</button> --> 
<!-- 			<button type="button" id="batch-calen-btn" class="btn">取消</button> -->
			<input id="search-input" type="text" class="input-text" placeholder="部门/车间/工序名称" />
			<button id="searchBtn" class="btn">搜索</button>
			<button id="view" class="btn" value='1'>切换状态查看</button>
			<table id="queryProcessTable" class="table table-gb table-hover">
				<thead>
					<tr>
						<th>部门</th>
						<th>车间名称</th>
						<th>工序名称</th>
						<th>状态</th>
<!-- 						<th>操作</th> -->
					</tr>
				</thead>
				<tbody id="queryProcessTableTbody"></tbody>
			</table>
		</div>

		<!--_footer 作为公共模版分离出去-->
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
		<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
		<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810171137jquery.dataTables.min1.10.15.js"></script>
		<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
		<script type="text/javascript" src="lib/jquery/ajaxfileupload.js"></script>
		<script type="text/javascript" src="myJs/util.js"></script>
		<!--/_footer 作为公共模版分离出去 -->

		<!--请在下方写此页面业务相关的脚本 -->
		<script type="text/javascript" src="myJs/processTable.js"></script>
	</body>

	</html>